a{
    text-decoration: none;
}
ul li{
    list-style: none;
}
.top-max{
    border-bottom: 0.07rem solid rgb(212, 212, 212);
}
#title{
    height: 1.5rem;
    // background-color: red;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
}
.title-box{
    height: 1.5rem;
    width: 8rem;
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between;
}
.title-box div{
    font-size: 0.55rem;
    height: 1rem;
    color: #444444;
}
.title-all{
    color: #ff8000;
    border-bottom: 0.1rem solid #ff8000;
}
// -----------------内容
#content-div{
    width: 100%;
    height: 325rem;
    margin-top: 2.2rem;
}
#all-div{
    width: 100%;
    margin: auto;
    // display: none;
}
#all-div-box{
    width: 100%;
    height: 147rem;
    margin: auto;
}
//----------------------分享内容
.share-villa{
    width: 100%;
    height: 25.8rem;
    margin: auto;
    border-bottom: 0.05rem solid #a0a0a0;
}
.share-villa-little{
    width: 100%;
    height: 9rem;
    margin: auto;
    border-bottom: 0.05rem solid #a0a0a0;
}
.share-villa-box{
    width: 92%;
    height: 25.5rem;
    margin: auto;
    // margin-top: 1rem;
}
.head-img {
    margin-top: 0.5rem;
}
.head-img img{
    width: 2rem;
    border-radius: 2rem;
}
.author-a{
    float: left;
    margin-left: 2rem;
    margin-top: -2.5rem;
    line-height: 1.2rem;
}
.author-name,.share-time{
    margin-left: 0.3rem;
}
.share-author-span1{
    font-size: 0.6rem;
    font-weight: 700;
    color: #565656;
}
.share-author-span2{
    font-size: 0.6rem;
    color: #666666;
}
.share-time,.share-m-show,.share-m-hidden{
    color: #666666;
    font-size: 0.6rem;
}
.share-m-show2,.share-m-hidden2,.share-m-show3,.share-m-hidden3,.share-m-show4,.share-m-hidden4{
    color: #666666;
    font-size: 0.6rem;
}
.share-m-show5,.share-m-hidden5,.share-m-show6,.share-m-hidden6,.share-m-show7,.share-m-hidden7{
    color: #666666;
    font-size: 0.6rem;
}
.share-m-show8,.share-m-hidden8,.share-m-show9,.share-m-hidden9,.share-m-show10,.share-m-hidden10{
    color: #666666;
    font-size: 0.6rem;
}
.share-main{
    margin-top: 0.5rem;
    letter-spacing: 0.03rem;
    line-height: 0.9rem;
}
.share-m-hidden,.share-m-hidden2,.share-m-hidden3,.share-m-hidden4,.share-m-hidden5{
    display: none;
}
.share-m-hidden6,.share-m-hidden7,.share-m-hidden8,.share-m-hidden9,.share-m-hidden10{
    display: none;
}
.share-m-open,.share-m-open2,.share-m-open3,.share-m-open4,.share-m-open5{
    color: #ff8000;
    font-size: 0.6rem;
}
.share-m-open6,.share-m-open7,.share-m-open8,.share-m-open9,.share-m-open10{
    color: #ff8000;
    font-size: 0.6rem;
}
// -------------------图片
.share-picture{
    margin: auto;
    width: 100%;
}
.share-pic-box{
    height: 15rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.2rem;
}
.share-picture div img{
    width: 4.5rem;
    height: 4.5rem;
}
.share-pos{
    display: flex;
    width: 100%;
    height: 2.2rem;
    align-items: center;
    justify-content: space-between;
}
.share-pos-img {
    width: 2rem;
    height: 2rem;
    margin-top: 0.5rem;
}
.share-pos-img img{
    width: 2rem;
    height: 1.5rem;
}
.share-pos-txt a{
    color: #7c7c7c;
    font-size: 0.6rem;
}
.share-pos-txt div img{
    transform: rotate(-90deg);
    width: 0.7rem;
}
.share-pos-txt div{
    margin-top: -0.3rem;
}
.share-pos-txt {
    width: 82%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
}
.share-qq{
    width: 100%;
    height: 2rem;
    display: flex;
    justify-content: center;
}
.share-qq-box{
    width: 86%;
    height: 2rem;
    display: flex;
    justify-content: space-between;
}
.share-qq-box span{
    color: #a0a0a0;
    font-size: 0.6rem;
    margin-left: 0.4rem;
}
.share-qq-box div{
    display: flex;
    align-items: center;
}
.s-open-good{
    margin-top: -0.1rem;
}
.share-qq img{
    width: 0.7rem;
}
// ------------------分享qq空间
#share-space{
    width: 100%;
    height: 21.8rem;
    position: fixed;
    margin-top: 0.5rem;
    opacity: 0.9;
    z-index: 600;
    display: none;
}
.show-share-color{
    width: 100%;
    height: 18rem;
    background: rgba(0, 0, 0, 0.4);
}
.show-share-qq{
    width: 100%;
    height: 3.8rem;
    background-color: #dcdcdc;
    display: flex;
    justify-content: center;
}
.show-s-qq-box{
    width: 60%;
    height: 3.8rem;
    display: flex;
    justify-content: space-between;
}
.qq-space img,.wb-space img{
    width: 2rem;
    margin-top: 0.3rem;
}
.qq-space,.wb-space {
    width: 2.7rem;
    text-align: center;
}
.show-s-qq-box span{
    font-size: 0.7rem;
    position: relative;
    top: -0.2rem;
    color: #444444;
}
.share-foot{
    height: 3.5rem;
    width: 100%;
    font-size: 0.6rem;
    line-height: 1rem;
    text-align: center;
    margin-top: 1.5rem;
}
.share-foot span{
    color: #ff8000;
}
.share-foot a{
    color: #444444;
}
.share-foot a:hover{
    color: #ff8000;
}
// ---------------------热门
#hot-div{
    width: 100%rem;
    height: 151rem;
    // display: block;
}
#hot-div-box{
    width: 100%;
    height: 151rem;
    margin: auto;
}
.hot-villa{
    width: 100%;
    height: 57rem;
    margin: auto;
    border-bottom: 0.05rem solid #a0a0a0;
}
.hot-villa-little{
    height: 37rem;
}
.hot-villa-little .hot-com-head{
    border-bottom: none;
}
.hot-villa-box{
    width: 92%;
    height: 25.5rem;
    margin: auto;
    // margin-top: 1rem;
}
.hot-comment{
    width: 100%;
    height: 12rem;
}
.hot-com-good{
    width: 1rem;
    height: 30rem;
    text-align: center;
}
.hot-com-good img{
    width: 0.8rem;
}
.hot-com-head{
    margin-top: -30rem;
    border-bottom: 0.02rem solid #a0a0a0;
}
.hot-com-head-ul{
    width: 12rem;
    display: flex;
    margin-left: 1.2rem;
    padding-right: 0.5rem;
    line-height: 0.2rem;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}
.hot-com-head-ul li {
    flex: auto;
}
.hot-com-head-ul li img{
    width: 1.2rem;
    border-radius: 1.2rem;
}
.hot-ul2 img,.hot-ul-bom img{
    width: 1.5rem;
    height: 1.2rem;
}
.hot-ul-bom {
    width: 2.8rem;
}
//-------------------- 热门评论内容
.hot-com-content{
    margin-left: 1rem;
}
.hot-com-content p{
    line-height: 1.5rem;
}
.hot-com-con-span1,.hot-com-con-span2{
    color: #6075a4;
    font-size: 0.6rem;
    line-height: 0.5rem;
}
.hot-com-con-span2{
    color: #727272;
}
// ---------------更多评论
.go-more-com a{
    color: #6075a4;
    font-size: 0.55rem;
    line-height: 0.24rem;
}
.go-more-com img{
    transform: rotate(-90deg);
    width: 0.8rem;
    margin-left: -0.2rem;
}



#my-div{
    width: 100%rem;
    height: 22.5rem;
    line-height: 10.5rem;
    text-align: center;
}
#my-div span{
    color: #7c7c7c;
    font-size: 0.6rem;
}



